<!DOCTYPE html>
<html>

	<head>
		<title>步步高裤行wap管理</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="/css/dist/mui.min.css">

		<style>
			/*跨webview需要手动指定位置*/

			.mui-plus header.mui-bar {
				display: none!important;
			}
			.mui-plus .mui-bar-nav~.mui-content {
				padding: 0!important;
			}

			.mui-plus .plus{
				display: inline;
			}

			#topPopover .mui-popover-arrow {
				left: auto;
				right: 6px;
			}
			p {
				text-indent: 22px;
			}
			span.mui-icon {
				font-size: 14px;
				color: #007aff;
			}
			.mui-popover {
				height: 300px;
			}
			.mui-content {
				padding: 10px;
			}
		</style>
	</head>

	<body>

		<header class="mui-bar mui-bar-nav">
		    <a href="index.html" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">主页</h1>
		</header>
		<div class="mui-content">
		        <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="home.html">
		                    <span class="mui-icon mui-icon-home"></span>
		                    <div class="mui-media-body">当前页</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="/sale.html">
		                    <span class="mui-icon mui-icon-plus"></span>
		                    <div class="mui-media-body">售货</div></a></li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a href="/report/report.html" th:href="@{/report/reportPage}">
		                    <span class="mui-icon mui-icon-bars"></span>
		                    <div class="mui-media-body">记录</div></a></li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a href="/member/addMember.html" th:href="@{/member/memberPage}">
		                    <span class="mui-icon mui-icon-contact"></span>
		                    <div class="mui-media-body">会员管理</div></a></li>

		        </ul> 
		</div>
		<!--会员管理的弹出框框-->
		<!--<div id="middlePopover" class="mui-popover">-->
			<!--<div class="mui-popover-arrow"></div>-->
			<!--<div class="mui-scroll-wrapper">-->
				<!--<div class="mui-scroll">-->
					<!--<ul class="mui-table-view">-->
						<!--<li class="mui-table-view-cell"><a href="#">Item1</a>-->
						<!--</li>-->
						<!--<li class="mui-table-view-cell"><a href="#">Item2</a>-->
						<!--</li>-->
						<!--<li class="mui-table-view-cell"><a href="#">Item3</a>-->
						<!--</li>-->
						<!--<li class="mui-table-view-cell"><a href="#">Item4</a>-->
						<!--</li>-->
						<!--<li class="mui-table-view-cell"><a href="#">Item5</a>-->
						<!--</li>-->
						<!--<li class="mui-table-view-cell"><a href="#">Item6</a>-->
						<!--</li>-->
						<!--<li class="mui-table-view-cell"><a href="#">Item7</a>-->
						<!--</li>-->
						<!--<li class="mui-table-view-cell"><a href="#">Item8</a>-->
						<!--</li>-->
						<!--<li class="mui-table-view-cell"><a href="#">Item9</a>-->
						<!--</li>-->
						<!--<li class="mui-table-view-cell"><a href="#">Item10</a>-->
						<!--</li>-->
					<!--</ul>-->
				<!--</div>-->
			<!--</div>-->
		<!--</div>-->
		<script src="../js/dist/mui.min.js"></script>
		<script>
            mui.init({
                swipeBack: true //启用右滑关闭功能
            });
            mui('.mui-scroll-wrapper').scroll();
            mui('body').on('shown', '.mui-popover', function(e) {
                //console.log('shown', e.detail.id);//detail为当前popover元素
            });
            mui('body').on('hidden', '.mui-popover', function(e) {
                //console.log('hidden', e.detail.id);//detail为当前popover元素
            });
		</script>
	</body>


</html>